<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>2.v-bind的简写</title>
		<!-- 引入Vue核心库 -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 
			总结
				1.v-bind:   可以简写为		 :
				2.只有v-bind指令 才能简写为 : 别的指令不行。
				3.其他的指令有其他的简写形式、并不是所有的指令都有简写形式，常用的指令才有简写形式。
		-->
		<!-- 准备一个容器 -->
		<div id="demo">
			<h1>指令语法</h1>
			<a 
				:href="school.url"
				x="school.msg"
				:y="school.msg"
				a="1+1"
				:b="1+1"
				c="你好"
			>
				点我去{{school.name}}学习
			</a>
		</div>
		
		<script type="text/javascript" >
			// 关闭生产提示
			Vue.config.productionTip = false

			//创建Vue实例
			new Vue({
				el:'#demo',
				data:{
					school:{
						name:'尚硅谷',
						url:'http://www.atguigu.com',
						msg:'welcome to atguigu'
					}
				}
			})
		</script>
	</body>
</html>